html{margin:0 auto;box-sizing: border-box;}
*{margin: 0;padding: 0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, section, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0 }
body{font:14px/1.4 "Microsoft Yahei",Arial,Helvetica,sans-serif;background-color: #ebebeb;color:#424242;margin:0 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
table{border-collapse:collapse;border-spacing:0}
ul,ol,dd,dt,dl{list-style-type:none;}
a{cursor: pointer;color:#333;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;}
input,img{border:none;padding:0;}
input::-webkit-input-placeholder {color: #fff;}
i,em{font-style:normal;}
:focus{outline: none}
select::-ms-expand { display: none; }
select {color: #000000;border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/sxkxlan.png) no-repeat scroll right center;}
.clear { clear: both; }
.clear:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
::-moz-placeholder{ font-family: "Microsoft YaHei"} 
::-webkit-input-placeholder{ font-family: "Microsoft YaHei"} 
:-ms-input-placeholder{ font-family: "Microsoft YaHei"}
select {

  border: solid 1px #000;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(../images/slectxl.png) no-repeat scroll right center transparent;
  padding-right: 14px;
}
.slect2{
	  background: url(../images/pagexljt.png) no-repeat scroll right 5px center transparent;
}
select::-ms-expand { display: none; }
input::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color:#999; 
} 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color:#999; 
} 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color:#999; 
} 
.nav li.active{border-top:2px solid #c3272b;}
.top_fl{
	width: 261px;
	height: auto;
	float: left;
	margin-top: 32px;
}

.top_fl img{
	margin-left: 20px;
}
.top_fr{
	width: 910px;
	height:auto;
	float:left;
	
	margin-top: 30px;
	
}
.top_fr_top{
	width: 100%;
	height: auto;
	float: left;
}
.top_fr_top_ul{
	width: 32%;
	height: auto;
	float: right;
}
.top_fr_top_ul li{
	float: left;
	width: 46%;
	margin: 0 2%;
}
.top_ul_li_picfl{
	float: left;
}
.top_ul_li_picfl img{
	width: 100%;
	margin-top: 4px;
	display: block;
	
}
.top_ul_li_picfr{
	float: left;
	font-size: 16px;
	margin-left: 3px;
}
.top_fr_nav{
	width: 100%;
	height: 52px;
	margin-top: 23px;
	background: url(../images/navbackground.png);
	background-repeat: no-repeat;
	background-size: 100%;
	
	
}
/*nav*/
.nav li{float:left;width: 10.111%;height: 48px;margin: 0 0.5%;line-height: 48px;margin-top: 5px;text-align: center;position:relative;border-top:2px solid #4d7b91;}
.nav li:hover{border-top:2px solid #c3272b;}
.nav li:active{
	border-top:2px solid #c3272b;
}
.nav_box{width: 100%;height: auto;float: left;}
.menu{width: 100%;height: auto;float: left;}
.nav{width: 96%;margin: auto;height: 56px;}
.nav li a{display: block; color:#fff; blr:expression(this.onFocus=this.close());blr:expression(this.onFocus=this.blur());display:inline-block;}
.nav li a:focus{-moz-outline-style: none; }
.nav li .sub-nav{z-index: 9999; /*position:absolute;top:69px;left:-1px;*/list-style:none;background-color:#3d1b16;display:none;}
.nav li .sub-nav li{text-align:center;clear:left;width:140px;height:35px;line-height:35px;position:relative;}
.nav li .sub-nav li a{height:34px;line-height:34px;width:138px;padding:0;display:inline-block;}



/*foot*/
.index_debf_bottom{
	width: 1150px;
    margin: auto;
    margin-top: 30px;
	  height: 100px;
	text-align: center;
	border-top:4px solid #e8e8e8;
}
.index_debf_bottom p{
	font-size: 14px;
	color:#666666;
	
}
.index_debf_bottom .bq{
	margin-top: 15px;
	font-size: 15px;
}
.index_debf_bottom .dz{
	margin-top: 5px;
	font-size: 14px;
}
.index_debf_bottom .bah{
	margin-top: 5px;
	font-size: 14px;
	position: relative;
	
}
.index_debf_bottom img{
	display: inline-block;
    float: right;
    position: absolute;
    top: 4px;
    right: 280px;
}
.index_debf_bottom_box{
	width: 90%;
	margin: auto;
}
/*foot*/

/*cahnpin   lunbo*/
    .box{ width:100%;margin: auto;   background-image:url(../images/box2bg.png);background-repeat:no-repeat; background-position:center bottom; padding-bottom:11px; margin-bottom:15px; }
		.homecp{ width:100%; margin: auto; /*height:245px;*/ float:left ; /*border:1px solid #e2e2e2 ;*/}
		.homecp-bt{ width:940px; float:left; height:34px; line-height:34px; font-family:"微软雅黑" ; color:#000 ; font-size:14px; margin:15px 0 10px 0; display:inline; padding:0 29px }
		.homecp-nr{ width:100%; float:left ; }
		.rollBox{/*width:1100px;*/margin: auto; overflow:hidden;position: relative;}
		.LeftBotton{    margin-left: 40px; height:30px;width:30px;background:url(img/zffhh.png) no-repeat ;overflow:hidden;float:left;display:inline;/*margin:62px 3px 0 10px;*/cursor:pointer; margin-top: -150px;}
		.RightBotton{ margin-right: 20px;   margin-top: -150px; height:30px;width:30px;background:url(img/yffhh.png) no-repeat ;overflow:hidden;float:right;display:inline;/*margin:62px 10px 0 3px;*/cursor:pointer; }
		.rollBox .Cont{ margin-bottom: 20px; width:940px;margin:auto; overflow:hidden;/*float:left;*/ position: relative;}
		.rollBox .ScrCont{ width:10000000px;}
		.rollBox .Cont .pic{ width:135px;height: 190px; float:left; margin-right: 55px; display:inline}
		.rollBox .Cont .pic img{width:140px; height:165px; float:left;margin-bottom:6px; }
		.rollBox .Cont .pic p{  height:20px; line-height:px;  text-align:center }
		.rollBox .Cont .pic p a{text-decoration: none; color:#333;text-align: center;font-size: 14px;}
		/*.rollBox .Cont .pic p a:hover{ color:#CC7800; text-decoration:none }*/
		.rollBox .Cont a:link,.rollBox .Cont a:visited{ color:#626466;}
		.rollBox .Cont a:hover{ color:#f00;}
		.rollBox #List1,.rollBox #List2{ float:left;margin-bottom: 15px;}
		.rollBox #List3,.rollBox #List4{ float:left;}
		.s1{ width:100px; height:34px; line-height:30px; text-align:center ; font-family:"宋体" ; float:left; color:#fff ; font-size:12px; font-weight:bold ; cursor:pointer; display:block; float:left ; background-image:url(../images/s1.jpg); background-repeat:no-repeat; overflow:hidden }
		.s2{ width:100px; height:34px; line-height:30px; text-align:center ; font-family:"宋体" ; float:left; color:#333 ; font-size:12px; cursor:pointer; display:block ; float:left ; background-image:url(../images/s2.jpg); background-repeat:no-repeat; overflow:hidden }
		.wz{ width:230px; height:240px; float:left; background-image:url(../images/wangluo.jpg); background-repeat:no-repeat; padding:0 15px; margin-right:15px; display:inline }
		.wz a{ width:110px; height:50px; float:left ; margin-top:174px; display:inline }
		.wz a img{ cursor:pointer }
		.yy{ width:725px; float:left; height:240px; }
		.yy-bt{ width:725px; float:left; height:30px; background-image:url(../images/yy-bt.jpg); background-repeat:no-repeat; }
		.yy-nr{ width:693px; float:left; height:180px; border:1px solid #DBDBDB; border-top:0 ; padding:14px 15px 15px 15px; }
		.yy-img{ width:260px; height:180px; float:left; margin-right:3px; }
		.yy-text{ width:430px; height:180px; float:left; overflow:hidden }
		.yy-text ul li{ width:200px; height:26px; line-height:26px; float:left; margin-left:15px; display:inline; overflow:hidden ;background-image:url(../images/dian1.jpg); background-repeat:no-repeat; background-position:0 10px; text-indent:10px }
		.yy-text ul li a{ color:#666 }
		.yy-text ul li a:hover{ color:#3F9938; text-decoration:underline }
		.pic{
			
		}
		.pic span{
			display: block;
			float: right;
			margin-right: 15px;
			font-size: 12px;
			color: #999999;
		}
		.pic img{
			border:2px solid #cdcbcb;
			
		}
		.p1{ width:100px; height:30px; line-height:32px; text-align:center ; font-family:"宋体" ; float:left; color:#333 ; font-size:14px; font-weight:bold ; cursor:pointer; display:block; float:left ; background-image:url(../images/p1.jpg); background-repeat:no-repeat; overflow:hidden }
		.p2{ width:100px; height:30px; line-height:32px; text-align:center ; font-family:"宋体" ; float:left; color:#333 ; font-size:12px; cursor:pointer; display:block ; float:left ; overflow:hidden }
		.item{
			width: 300px;
			height: 30px;
			float: left;
		}
		.filter-disabled {
			-moz-user-select: none;
		    -webkit-user-select: none;
		    -ms-user-select: none;
		}
		
		.filter-box {
		    position: relative;
		    margin-top: 10px;
		}
		
		.filter-box select {
			display: none;
		}
		
		.filter-box2 {
		    position: relative;
		    margin-top: 10px;
		}
		
		.filter-box2 select {
			display: none;
		}
		.filter-box3 {
		    position: relative;
		    margin-top: 10px;
		}
		
		.filter-box3 select {
			display: none;
		}
		
		.filter-text {
			height: 100%;
			overflow: hidden;
			position: relative;
			cursor: pointer;
			padding: 0 30px 0 10px;
			background: #fff;
			border: 1px solid #e6e6e6;
		}
		
		.filter-text input {
			font-size: 14px;
		}
		
		.filter-text .filter-title {
			text-align: center;
			width: 100%;
			height: 36px;
			line-height: 36px;
			border: 0;
			background-color: transparent;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			padding: 0;
			cursor: pointer;
		}
		
		.filter-list {
			display: none;
			width: 100%;
			max-height: 140px;
			background-color: #fff;
			font-size: 14px;
			position: absolute;
			top: 38px;
			left: 0;
			z-index: 99;
			border: 1px solid #e6e6e6;
			overflow: auto;
		}
		
		.filter-list li.filter-null a {
			color: #d2d2d2;
		}
		
		.filter-list li a {
			display: block;
			padding: 0 10px;
			line-height: 36px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			cursor: pointer;
		}
		
		.filter-list li:hover {
			background-color: #f2f2f2;
		}
		
		.filter-list li.filter-selected {
			background-color: #CCCCCC;
		}
		
		.filter-list li.filter-selected a{
			display: block;
			color: #fff;
		}
		
		.filter-list li.filter-disabled {
			background-color: #fff;
		}
		
		.filter-list li.filter-disabled a{
			display: block;
			color: #d2d2d2;
		}
		
		.filter-list li.filter-disabled:hover a {
			cursor: not-allowed!important;
			background-color: #fff;
		}
		
		.icon {
			position: absolute;
		}
		
		.icon-filter-arrow {
			width: 10px;
			height: 10px;
			background-repeat: no-repeat;
		    background-image: url(img/seslesanjia.png);
		    background-size: 100%;
		    right: 10px;
		    top: 13px;
		    transition: all .2s;
		}
		
		.icon-filter-arrow.filter-show {
			-webkit-transform: rotate(-180deg);
			transform: rotate(-180deg);
		}
		
		.filter-list::-webkit-scrollbar {
			width: 4px;
			height: 4px;
		}
		
		.filter-list::-webkit-scrollbar-track {
			background: #fff 
		}
		
		.filter-list::-webkit-scrollbar-thumb {
			background: #CBCBCB;
		}
		select option{
			height: 50px;
		}


.top{
	width: 1200px;
	margin:0 auto;
	height: 127px;
	
	
}




/*鼠标悬停style*/
.js-silder{
	position: relative;	
	min-width: 320px;
	cursor: pointer;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	bottom: 0px;
    width: 100%;
    position: absolute;
    text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}
/*鼠标悬停 end*/



/*产品轮播*/
.picList .pic img{ border:0; width: 100%; }

.picScroll-left{

	height: 230px;
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;

}
.picScroll-left .hd .prev{isplay:block;  float:left; margin-left:5px; margin-top:120px;  overflow:hidden;
			 cursor:pointer; }
.picScroll-left .hd .next{ display:block;  float:right; margin-right:5px; margin-top:120px;  overflow:hidden;
			 cursor:pointer; }	 
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden;}
.picScroll-left .bd ul li{margin:0 8px;width:163px;float:left;display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{text-align: center;border: 2px sloid #dddddc;border: 2px solid #dddddc;}
.picScroll-left .bd ul li .pic img{ display:block;height: 184px;width:159px; }
.picScroll-left .bd ul li .title{ height: 100px;margin-top: 5px;}
.picScroll-left .bd ul li .title a:hover{
	color: #FB742C;
}
/*产品轮播*/
/*a:hover{color: #FB742C;}*/
.debf_top_fl_title span:hover{
	color: #FB742C;
}




.white_content {
    display: none;
    position: fixed;
    margin: auto;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    z-index: 999;
    overflow: auto;
    padding-top: 1rem;
    background-color: rgba(0,0,0,0.8);
}
.xqtc_box {
    width: 70%;
    margin: 5% 15%;
    height: auto;
    background-color: #FFFFFF;
    top: 30%;
    padding: 10px;
    z-index: 9999;
}
.gsxw_box_right_xzbtn{
	width: 10%;
	float: right;
	margin-top: 20px;
}